<?php session_start();

if (isset($_SESSION['loggedIn']) && $_SESSION['loggedIn']==1) {

	require ('fonctions.php5');
	$user=$_SESSION['userId'];;   
	$eMail=$_SESSION['eMail'];;   

// Vérification bloquante
if ( isset($_GET['did']) ) { 

	$numUtil=$_GET['did'];

	// Vérification bloquante :
	// - le document appartient à cet utilisateur
	if (estCeQueCetUtilisateurPossedeCetteFiche($user, $numUtil) == true) {
	
		// Vérifications non bloquantes / Récupération d'information
		// - est ce qu'il existe une fiche précédent ?
		// - est-ce qu'il existe une fiche suivante ?
		$fichePrecedenteExiste = getInformationFichesPrecedenteOrFalse($user, $numUtil);
		$ficheSuivanteExiste = getInformationFichesSuivanteOrFalse($user, $numUtil);
	
		// Récupération d'information :
		// - nonbre d'auteurs de base pour cette fiche
		// - nombre de citation de base pour cette fiche
		$nbAuteursDeBase=getNombreAuteursDeBasePourCetteFicheEtUtilisateur($numUtil, $user);
		$nbCitationsDeBase=getNombreCitationsDeBasePourCetteFicheEtUtilisateur($numUtil, $user);
		$nbDocumentsDeBase=getNombreDocumentsDeBasePourCetteFicheEtUtilisateur($numUtil, $user);
		
		// Récupération d'informations de la fiche :
		// 0 => titre
		// 1 => jour
		// 2 => mois
		// 3 => annee
		
		// 4 => domaine
		// 5 => type
		// 6 => pertinence
		
		// 7 => description
		// 8 => commentaire
		
		// 9 => ref
		// 10 => lien
		
		$ArrayInformationsElementairesFiche = getArrayInformationsElementairesFiches($user, $numUtil);
		$titre = $ArrayInformationsElementairesFiche[0];
		$jour = $ArrayInformationsElementairesFiche[1];
		$mois = $ArrayInformationsElementairesFiche[2];
		$annee = $ArrayInformationsElementairesFiche[3];
		$domaine = $ArrayInformationsElementairesFiche[4];
		$type = $ArrayInformationsElementairesFiche[5];
		$pertinence = $ArrayInformationsElementairesFiche[6];
		$description = $ArrayInformationsElementairesFiche[7];
		$commentaire = $ArrayInformationsElementairesFiche[8];
		$ref = $ArrayInformationsElementairesFiche[9];
		$lien = $ArrayInformationsElementairesFiche[10];
		
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title></title>
	
	<!-- Pour rendre les inputs de commentaires élastiques -->
	<script src="jquery-1.3.2.js" type="text/javascript" charset="utf-8"></script>
	<script src="jquery.elastic.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		
		$(document).ready(function(){				
			$('textarea').elastic();
		});	
		
	</script>

	<script src="util.js" language="javascript"></script>
	<script src="ajaxStuff.js" language="javascript"></script>
	<script language="javascript">
		function modifierAttribut(attribut) {
			// mettre la valeur dans le champ input
			document.getElementById(attribut+":modif:champ").value = document.getElementById(attribut+":affichage:"+attribut).innerHTML;
			
			document.getElementById(attribut+":affichage").style.visibility = 'collapse';
			document.getElementById(attribut+":affichage").style.height = '0px';
			
			document.getElementById(attribut+":modif").style.visibility = 'visible';
			document.getElementById(attribut+":modif").style.height = 'auto';
			
			stayRightThere();
		}
		
		function annulerModif(attribut) {
			// remettre la valeur dans l'input
			document.getElementById(attribut+":modif:champ").value = document.getElementById(attribut+":affichage:"+attribut).innerHTML;
			
			document.getElementById(attribut+":modif").style.visibility = 'collapse';
			document.getElementById(attribut+":modif").style.height = '0px';
			
			document.getElementById(attribut+":affichage").style.visibility = 'visible';
			document.getElementById(attribut+":affichage").style.height = 'auto';
			
			stayRightThere()
		}
		
		function validerModif(attribut) {
			// nouvelle valeur
			valeur = document.getElementById(attribut+":modif:champ").value;
			
			// user id et numero util fiche
			userId = document.getElementById("userId").value;
			numUtil = document.getElementById("numUtil").value;
			
			// appel ajax
			ajaxCall("modifFiche_"+attribut+".php5?nouveauLib="+valeur+"&userId="+userId+"&numUtil="+numUtil);
			
			// mettre la valeur dans l'output
			document.getElementById(attribut+":affichage:"+attribut).innerHTML = valeur;
			
			document.getElementById(attribut+":modif").style.visibility = 'collapse';
			document.getElementById(attribut+":modif").style.height = '0px';
			
			document.getElementById(attribut+":affichage").style.visibility = 'visible';
			document.getElementById(attribut+":affichage").style.height = 'auto';
			
			stayRightThere();
		}
		
		
		//*********************************
		// SPECIAL : dates, auteurs
		function modifierAttribut_special_Date(attribut) {
			// mettre la valeur dans le champ input
			document.getElementById(attribut+":modif:champ:jour").value = document.getElementById(attribut+":affichage:jour").innerHTML;
			document.getElementById(attribut+":modif:champ:mois").value = document.getElementById(attribut+":affichage:mois").innerHTML;
			document.getElementById(attribut+":modif:champ:annee").value = document.getElementById(attribut+":affichage:annee").innerHTML;
			
			document.getElementById(attribut+":affichage").style.visibility = 'collapse';
			document.getElementById(attribut+":affichage").style.height = '0px';
			
			document.getElementById(attribut+":modif").style.visibility = 'visible';
			document.getElementById(attribut+":modif").style.height = 'auto';
			
			stayRightThere()
		}
		
		function annulerModif_special_Date(attribut) {
			// remettre la valeur dans l'input
			document.getElementById(attribut+":modif:champ:jour").value = trim(document.getElementById(attribut+":affichage:jour").innerHTML);
			document.getElementById(attribut+":modif:champ:mois").value = trim(document.getElementById(attribut+":affichage:mois").innerHTML);
			document.getElementById(attribut+":modif:champ:annee").value = trim(document.getElementById(attribut+":affichage:annee").innerHTML);
			
			document.getElementById(attribut+":modif").style.visibility = 'collapse';
			document.getElementById(attribut+":modif").style.height = '0px';
			
			document.getElementById(attribut+":affichage").style.visibility = 'visible';
			document.getElementById(attribut+":affichage").style.height = 'auto';
			
			stayRightThere()
		}
		
		function validerModif_special_Date(attribut) {
			// nouvelle valeur
			valeurJ = document.getElementById(attribut+":modif:champ:jour").value;
			valeurM = document.getElementById(attribut+":modif:champ:mois").value;
			valeurA = document.getElementById(attribut+":modif:champ:annee").value;
			
			// user id et numero util fiche
			userId = document.getElementById("userId").value;
			numUtil = document.getElementById("numUtil").value;
			
			// appel ajax
			ajaxCall("modifFiche_"+attribut+".php5?nouveauLib1="+valeurJ+"&nouveauLib2="+valeurM+"&nouveauLib3="+valeurA+"&userId="+userId+"&numUtil="+numUtil);
			
			// mettre la valeur dans l'output
			document.getElementById(attribut+":affichage:jour").innerHTML = valeurJ
			document.getElementById(attribut+":affichage:mois").innerHTML = valeurM
			document.getElementById(attribut+":affichage:annee").innerHTML = valeurA
			
			document.getElementById(attribut+":modif").style.visibility = 'collapse';
			document.getElementById(attribut+":modif").style.height = '0px';
			
			document.getElementById(attribut+":affichage").style.visibility = 'visible';
			document.getElementById(attribut+":affichage").style.height = 'auto';
			
			stayRightThere()
		}
		
		//*********************************
		// SPECIAL : liste de valeurs (domaine, type, pertinence)
		
		function modifierAttribut_special_lov(attribut) {
			// mettre la valeur selected dans la liste
			valeur=document.getElementById(attribut+":affichage:champ").innerHTML;
			
			nbOptions =document.getElementById(attribut+":modif:champ").children.length;
			
			
			for (i=0;i<nbOptions;i++) {
				
				if (document.getElementById(attribut+":modif:champ").children.item(i).text == valeur) {
					document.getElementById(attribut+":modif:champ").children.item(i).selected=true;
				}
				else {
					document.getElementById(attribut+":modif:champ").children.item(i).selected=false;
				}
			}
		
			document.getElementById(attribut+":affichage").style.visibility = 'collapse';
			document.getElementById(attribut+":affichage").style.height = '0px';
			
			document.getElementById(attribut+":modif").style.visibility = 'visible';
			document.getElementById(attribut+":modif").style.height = 'auto';
			
			stayRightThere()
			
		}
		
		function validerModif_special_lov(attribut) {
			// nouvelle valeur
			valeur = document.getElementById(attribut+":modif:champ").value;
			
			// user id et numero util fiche
			userId = document.getElementById("userId").value;
			numUtil = document.getElementById("numUtil").value;
			
			// appel ajax
			ajaxCall("modifFiche_"+attribut+".php5?nouveauLib="+valeur+"&userId="+userId+"&numUtil="+numUtil);
			
			// mettre la valeur dans l'output
			nbOptions =document.getElementById(attribut+":modif:champ").children.length;
			for (i=0;i<nbOptions;i++) {
				if (document.getElementById(attribut+":modif:champ").children.item(i).value == valeur) {
						document.getElementById(attribut+":affichage:champ").innerHTML = document.getElementById(attribut+":modif:champ").children.item(i).text;
				}
			}
			
			
			// réafficher l'affichage, cacher la modif
			document.getElementById(attribut+":modif").style.visibility = 'collapse';
			document.getElementById(attribut+":modif").style.height = '0px';
			
			document.getElementById(attribut+":affichage").style.visibility = 'visible';
			document.getElementById(attribut+":affichage").style.height = 'auto';
			
			stayRightThere()
		}
		
		function annulerModif_special_lov(attribut) {
			// mettre la valeur selected dans la liste
			valeur=document.getElementById(attribut+":affichage:champ").innerHTML;
			nbOptions =document.getElementById(attribut+":modif:champ").children.length;
			for (i=0;i<nbOptions;i++) {
				
				if (document.getElementById(attribut+":modif:champ").children.item(i).text == valeur) {
					document.getElementById(attribut+":modif:champ").children.item(i).selected=true;
				}
				else {
					document.getElementById(attribut+":modif:champ").children.item(i).selected=false;
				}
			}
		
			document.getElementById(attribut+":affichage").style.visibility = 'visible';
			document.getElementById(attribut+":affichage").style.height = 'auto';
			
			document.getElementById(attribut+":modif").style.visibility = 'collapse';
			document.getElementById(attribut+":modif").style.height = '0px';
			
			stayRightThere()
			
		}
		
		//*********************************
		// SPECIAL : TAGS (checkbox) <ul><input type=checkbox value=2>dude</ul>
		
		function modifierAttribut_special_Tags (attribut) {
			// checker les tags qui sont dans le output d'affichage
			
			// d'abord récupérer les tags exemple : "américain;biométrie" et transformer cette chaine en tableau
			valeur=document.getElementById(attribut+":affichage:champ").innerHTML;
			//tabTags = getTableauForComaSeparatedString(valeur);
			tabTags = valeur.split(";");
			
			// le premier enfant du div de modif est la liste <li> des points <ul> ; la longueur donne le nombre de tags
			nbTags =document.getElementById(attribut+":modif").firstElementChild.childElementCount;
			
			// pour chaque tags du output on va parcourir les tags du <li> et cocher ceux qui sont dans cette première liste
			
			for (i=0;i<tabTags.length;i++) {
				for (j=1;j<=nbTags;j++) {
				
					// on compare l'élément du tableau avec le frère de type texte du input type=checkbox
					if (trim(tabTags[i]) == trim(document.getElementById("tagsUserCreation:"+j).nextSibling.textContent)) {
						document.getElementById("tagsUserCreation:"+j).checked=true;
					}
				}
			}
		
			document.getElementById(attribut+":affichage").style.visibility = 'collapse';
			document.getElementById(attribut+":affichage").style.height = '0px';
			
			document.getElementById(attribut+":modif").style.visibility = 'visible';
			document.getElementById(attribut+":modif").style.height = 'auto';
			
			stayRightThere()
		}	
		
		
		function validerModif_special_Tags (attribut) {
			// pour chaque tag checked, on les parcours et on concatenne à une chaine avec des ;
			nbTags =document.getElementById(attribut+":modif").firstElementChild.childElementCount;
			concat ="";
			concatIdTags = "";
			
			for (i=1 ; i<=nbTags;i++) {
				if (document.getElementById("tagsUserCreation:"+i).checked==true && concat=="") {
					concat = concat + document.getElementById("tagsUserCreation:"+i).nextSibling.textContent;
					concatIdTags = concatIdTags + document.getElementById("tagsUserCreation:"+i).value;
				}
				else {
					if (document.getElementById("tagsUserCreation:"+i).checked==true && concat!="") {
						concat = concat + " ; " + document.getElementById("tagsUserCreation:"+i).nextSibling.textContent;
						concatIdTags = concatIdTags + ";" + document.getElementById("tagsUserCreation:"+i).value;
					}
				}
			}
			
			userId = document.getElementById("userId").value;
			numUtil = document.getElementById("numUtil").value;
			
			// ajax call pour mettre à jour la db
			ajaxCall("modifFiche_"+attribut+".php5?nouveauLib="+concatIdTags+"&userId="+userId+"&numUtil="+numUtil);
			
			// mettre cette chaine dans l'affichage
			document.getElementById("tags:affichage:champ").innerHTML = concat;
			
			// cacher
			annulerModil_special_Tags(attribut);
		}
		
		function annulerModil_special_Tags (attribut) {
			document.getElementById(attribut+":modif").style.visibility = 'collapse';
			document.getElementById(attribut+":modif").style.height = '0px';
			
			document.getElementById(attribut+":affichage").style.visibility = 'visible';
			document.getElementById(attribut+":affichage").style.height = 'auto';
			
			stayRightThere()
		}
		
		//*********************************
		// SPECIAL : index ; un attribut et un index, et pour la suppression, un boolean estCeQuOnSupprimerReelement? //si faux, on dé-référence
		function modifierAttribut_special_index (attribut, index) {
			// mettre la valeur dans le champ input
			document.getElementById(attribut+":modif:champ:"+index).value = document.getElementById(attribut+":affichage:champ:"+index).innerHTML;
			
			document.getElementById(attribut+":affichage:"+index).style.visibility = 'collapse';
			document.getElementById(attribut+":affichage:"+index).style.height = '0px';
			
			document.getElementById(attribut+":modif:"+index).style.visibility = 'visible';
			document.getElementById(attribut+":modif:"+index).style.height = 'auto';
			
			stayRightThere();
		}	
		
		
		function annulerModif_special_index(attribut, index) {
			// remettre la valeur dans l'input
			document.getElementById(attribut+":modif:champ:"+index).value = document.getElementById(attribut+":affichage:champ:"+index).innerHTML;
			
			document.getElementById(attribut+":modif:"+index).style.visibility = 'collapse';
			document.getElementById(attribut+":modif:"+index).style.height = '0px';
			
			document.getElementById(attribut+":affichage:"+index).style.visibility = 'visible';
			document.getElementById(attribut+":affichage:"+index).style.height = 'auto';
			
			stayRightThere();
		}
		
		function validerModif_special_index(attribut, index) {
			// nouvelle valeur
			valeur = document.getElementById(attribut+":modif:champ:"+index).value;
			
			// ancienne valeur UNIQUEMNT POUR L'attribut AUTEURS !!!!!!!!!!!!!!!!!!!!!!
			// ! Important
			AncienneValeur = trim(document.getElementById(attribut+":affichage:champ:"+index).innerHTML);
			
			// user id et numero util fiche
			userId = document.getElementById("userId").value;
			numUtil = document.getElementById("numUtil").value;
			
			
			// appel ajax
			ajaxCall("modifFiche_"+attribut+".php5?ancienLib="+AncienneValeur+"&nouveauLib="+valeur+"&userId="+userId+"&numUtil="+numUtil);
			
			// mettre la valeur dans l'output
			document.getElementById(attribut+":affichage:champ:"+index).innerHTML = valeur;
			
			document.getElementById(attribut+":modif:"+index).style.visibility = 'collapse';
			document.getElementById(attribut+":modif:"+index).style.height = '0px';
			
			document.getElementById(attribut+":affichage:"+index).style.visibility = 'visible';
			document.getElementById(attribut+":affichage:"+index).style.height = 'auto';
			
			stayRightThere();
		}
		
		function supprimerAttribut_special_index (attribut, index) {
			// id du champ
			lib= document.getElementById(attribut+":affichage:champ:"+index).innerHTML;
			
			// appel ajax
			ajaxCall("modifFiche_supprimer_"+attribut+".php5?libelleToSuppr="+lib+"&userId="+userId+"&numUtil="+numUtil);
			
			// cacher les deux divs
			document.getElementById(attribut+":modif:"+index).style.visibility = 'collapse';
			document.getElementById(attribut+":modif:"+index).style.height = '0px';
			
			document.getElementById(attribut+":affichage:"+index).style.visibility = 'collapse';
			document.getElementById(attribut+":affichage:"+index).style.height = '0px';
			
			stayRightThere();
		}
		
		//*********************************
		// SPECIAL : index ; LES CITATIONS CITATIONS CITATIONS CITATIONS CITATIONS CITATIONS CITATIONS CITATIONS CITATIONS
		function modifierAttribut_special_Citation (attribut, index) {
			
			// mettre la valeur dans le champ input
			document.getElementById(attribut+":modif:cit:champ:"+index).value = document.getElementById(attribut+":affichage:cit:champ:"+index).innerHTML;
			document.getElementById(attribut+":modif:page:champ:"+index).value = document.getElementById(attribut+":affichage:page:champ:"+index).innerHTML;
			document.getElementById(attribut+":modif:com:champ:"+index).value = document.getElementById(attribut+":affichage:com:champ:"+index).innerHTML;
			
			document.getElementById(attribut+":affichage:citEtPage:"+index).style.visibility = 'collapse';
			document.getElementById(attribut+":affichage:citEtPage:"+index).style.height = '0px';
			document.getElementById(attribut+":affichage:com:"+index).style.visibility = 'collapse';
			document.getElementById(attribut+":affichage:com:"+index).style.height = '0px';
			
			document.getElementById(attribut+":modif:citEtPage:"+index).style.visibility = 'visible';
			document.getElementById(attribut+":modif:citEtPage:"+index).style.height = 'auto';
			document.getElementById(attribut+":modif:com:"+index).style.visibility = 'visible';
			document.getElementById(attribut+":modif:com:"+index).style.height = 'auto';
			
			// cacher le stylo
			document.getElementById(attribut+":lien:modif:"+index).style.visibility = 'collapse';
			document.getElementById(attribut+":lien:modif:"+index).style.height = '0px';
			
			stayRightThere();
		}	
		
		
		function annulerModif_special_Citation(attribut, index) {
			// est-ce que ce commentaire est en base ?
			// si oui => on réaffiche l'affichage et on cache la modif
			// si non => on cache tout
			
			if (document.getElementById(attribut+":isFicheInBase:"+index).value == 1) {
			
				document.getElementById(attribut+":modif:citEtPage:"+index).style.visibility = 'collapse';
				document.getElementById(attribut+":modif:citEtPage:"+index).style.height = '0px';
				document.getElementById(attribut+":modif:com:"+index).style.visibility = 'collapse';
				document.getElementById(attribut+":modif:com:"+index).style.height = '0px';
				
				document.getElementById(attribut+":affichage:citEtPage:"+index).style.visibility = 'visible';
				document.getElementById(attribut+":affichage:citEtPage:"+index).style.height = 'auto';
				document.getElementById(attribut+":affichage:com:"+index).style.visibility = 'visible';
				document.getElementById(attribut+":affichage:com:"+index).style.height = 'auto';
				
				// afficher le stylo
				document.getElementById(attribut+":lien:modif:"+index).style.visibility = 'visible';
				document.getElementById(attribut+":lien:modif:"+index).style.height = 'auto';
			
			}else {
				
				toremove = document.getElementById(attribut+":modif:citEtPage:"+index).parentNode.parentNode;
				
				toremove2 = document.getElementById(attribut+":modif:citEtPage:"+index).parentNode.parentNode.nextElementSibling;
				toremove3 = document.getElementById(attribut+":modif:citEtPage:"+index).parentNode.parentNode.nextElementSibling;
				
				parent = toremove.parentNode;
				parent.removeChild(toremove);
				parent.removeChild(toremove2);
				parent.removeChild(toremove3);
			}
			
			stayRightThere();
		}	
		
		function validerModif_special_Citation(attribut, index) {
			// nouvelle valeur
			citation = document.getElementById(attribut+":modif:cit:champ:"+index).value;
			page = document.getElementById(attribut+":modif:page:champ:"+index).value;
			commentaire = document.getElementById(attribut+":modif:com:champ:"+index).value;
			
			// user id et numero util fiche
			userId = document.getElementById("userId").value;
			numUtil = document.getElementById("numUtil").value;
			
			if (document.getElementById(attribut+":isFicheInBase:"+index).value == 1) {
			
				// appel ajax
				ajaxCall("modifFiche_"+attribut+".php5?indexFiche="+index+"&citation="+encodeURI(citation)+"&page="+encodeURI(page)+"&com="+encodeURI(commentaire)+"&userId="+userId+"&numUtil="+numUtil);
				
				// mettre la valeur dans les output
				document.getElementById(attribut+":affichage:cit:champ:"+index).innerHTML = document.getElementById(attribut+":modif:cit:champ:"+index).value;
				document.getElementById(attribut+":affichage:page:champ:"+index).innerHTML = document.getElementById(attribut+":modif:page:champ:"+index).value;
				document.getElementById(attribut+":affichage:com:champ:"+index).innerHTML = document.getElementById(attribut+":modif:com:champ:"+index).value;
				
				// afficher les output
				document.getElementById(attribut+":modif:citEtPage:"+index).style.visibility = 'collapse';
				document.getElementById(attribut+":modif:citEtPage:"+index).style.height = '0px';
				document.getElementById(attribut+":modif:com:"+index).style.visibility = 'collapse';
				document.getElementById(attribut+":modif:com:"+index).style.height = '0px';
				
				document.getElementById(attribut+":affichage:citEtPage:"+index).style.visibility = 'visible';
				document.getElementById(attribut+":affichage:citEtPage:"+index).style.height = 'auto';
				document.getElementById(attribut+":affichage:com:"+index).style.visibility = 'visible';
				document.getElementById(attribut+":affichage:com:"+index).style.height = 'auto';
				
				// afficher le stylo
				document.getElementById(attribut+":lien:modif:"+index).style.visibility = 'visible';
				document.getElementById(attribut+":lien:modif:"+index).style.height = 'auto';
			}
			else {
				// ajax call!
				ajaxCall("modifFiche_creer_"+attribut+".php5?citation="+encodeURI(citation)+"&page="+encodeURI(page)+"&com="+encodeURI(commentaire)+"&userId="+userId+"&numUtil="+numUtil);
				
				
				// mettre 1 : ayé, c'est en base
				document.getElementById(attribut+":isFicheInBase:"+index).value = 1;
				
				// mettre la valeur dans les output
				document.getElementById(attribut+":affichage:cit:champ:"+index).innerHTML = document.getElementById(attribut+":modif:cit:champ:"+index).value;
				document.getElementById(attribut+":affichage:page:champ:"+index).innerHTML = document.getElementById(attribut+":modif:page:champ:"+index).value;
				document.getElementById(attribut+":affichage:com:champ:"+index).innerHTML = document.getElementById(attribut+":modif:com:champ:"+index).value;
				
				
				// afficher les output
				document.getElementById(attribut+":modif:citEtPage:"+index).style.visibility = 'collapse';
				document.getElementById(attribut+":modif:citEtPage:"+index).style.height = '0px';
				document.getElementById(attribut+":modif:com:"+index).style.visibility = 'collapse';
				document.getElementById(attribut+":modif:com:"+index).style.height = '0px';
				
				document.getElementById(attribut+":affichage:citEtPage:"+index).style.visibility = 'visible';
				document.getElementById(attribut+":affichage:citEtPage:"+index).style.height = 'auto';
				document.getElementById(attribut+":affichage:com:"+index).style.visibility = 'visible';
				document.getElementById(attribut+":affichage:com:"+index).style.height = 'auto';
				
				// afficher le stylo
				document.getElementById(attribut+":lien:modif:"+index).style.visibility = 'visible';
				document.getElementById(attribut+":lien:modif:"+index).style.height = 'auto';
			}
			
			stayRightThere();
		}
		
		function supprimerAttribut_special_Citation (attribut, index) {
			var answer = confirm ("Êtes-vous certain de vouloir supprimer cette citation ?")
			if (answer) {
			
				if (document.getElementById(attribut+":isFicheInBase:"+index).value != 1) {
					toremove = document.getElementById(attribut+":modif:citEtPage:"+index).parentNode.parentNode;
					
					toremove2 = document.getElementById(attribut+":modif:citEtPage:"+index).parentNode.parentNode.nextElementSibling;
					toremove3 = document.getElementById(attribut+":modif:citEtPage:"+index).parentNode.parentNode.nextElementSibling;
					
					parent = toremove.parentNode;
					parent.removeChild(toremove);
					parent.removeChild(toremove2);
					parent.removeChild(toremove3);
				}
				else {
				
					// user id et numero util fiche
					userId = document.getElementById("userId").value;
					numUtil = document.getElementById("numUtil").value;
					
					// appel ajax
					ajaxCall("modifFiche_supprimer_"+attribut+".php5?indexFiche="+index+"&userId="+userId+"&numUtil="+numUtil);
					
					// cacher les deux fois deux divs
					document.getElementById(attribut+":modif:citEtPage:"+index).style.visibility = 'collapse';
					document.getElementById(attribut+":modif:citEtPage:"+index).style.height = '0px';
					document.getElementById(attribut+":modif:com:"+index).style.visibility = 'collapse';
					document.getElementById(attribut+":modif:com:"+index).style.height = '0px';
					
					document.getElementById(attribut+":affichage:citEtPage:"+index).style.visibility = 'collapse';
					document.getElementById(attribut+":affichage:citEtPage:"+index).style.height = '0px';
					document.getElementById(attribut+":affichage:com:"+index).style.visibility = 'collapse';
					document.getElementById(attribut+":affichage:com:"+index).style.height = '0px';
				}
			}
			
			stayRightThere();
		}
		
		
		var lastIndexForCitation;
		function ajouterUneCitation(attribut, index) {
			
			if (lastIndexForCitation == null) {
				lastIndexForCitation=index+1;
			}
			else {
				lastIndexForCitation=lastIndexForCitation+1;
			}
			
			// créer l'emplacement pour cette nouvelle ictation
			var nouvelleLigneCitation = document.createElement('tr'); 
			
			var td1 = document.createElement('td'); td1.setAttribute('valign', 'top');
			var td2 = document.createElement('td'); td2.setAttribute('valign', 'top');
			var td3 = document.createElement('td'); td3.setAttribute('valign', 'top');
			
			td1.innerHTML="<input type=\"hidden\" id=\"citation:isFicheInBase:"+lastIndexForCitation+"\" value=\"0\"/><div id=\"citation:affichage:citEtPage:"+lastIndexForCitation+"\">\"<span id=\"citation:affichage:cit:champ:"+lastIndexForCitation+"\"></span>\"<br/><span id=\"citation:affichage:page:champ:"+lastIndexForCitation+"\">Page 1</span></div><div id=\"citation:modif:citEtPage:"+lastIndexForCitation+"\"  style=\"visibility:collapse;height:0px;\"><textarea style=\"width:100%\" rows=\"2\" id=\"citation:modif:cit:champ:"+lastIndexForCitation+"\">Extrait, citation</textarea><input style=\"margin-top:4px;width:100%;\"  value=\"page\" id=\"citation:modif:page:champ:"+lastIndexForCitation+"\"/><br><a href=\"#\" onclick=\"validerModif_special_Citation('citation', "+lastIndexForCitation+")\">Ok</a> <a href=\"#\"  onclick=\"annulerModif_special_Citation('citation', "+lastIndexForCitation+")\">Annuler</a></div>";
			td2.innerHTML="<div id=\"citation:affichage:com:"+lastIndexForCitation+"\"><span id=\"citation:affichage:com:champ:"+lastIndexForCitation+"\">Je pense que cet erratum est constant dans sa substance mais changeant dans son corps. C'est typiquement de la bidouille.</span></div><div id=\"citation:modif:com:"+lastIndexForCitation+"\" style=\"visibility:collapse;height:0px;\"><textarea style=\"width:100%\" rows=\"2\"  id=\"citation:modif:com:champ:"+lastIndexForCitation+"\">Mon commentaire</textarea></div>";
			td3.innerHTML="<a href=\"#\" id=\"citation:lien:modif:"+lastIndexForCitation+"\" onclick=\"modifierAttribut_special_Citation('citation', "+lastIndexForCitation+")\"><img border=0 src=\"b_edit.png\" alt=\"Modifier\"/></a><br/><a href=\"#\" onclick=\"supprimerAttribut_special_Citation('citation', "+lastIndexForCitation+")\"><img border=0 src=\"b_drop.png\" alt=\"Supprimer\"/></a>";
			
			nouvelleLigneCitation.appendChild(td1);
			nouvelleLigneCitation.appendChild(td2);
			nouvelleLigneCitation.appendChild(td3);
			
			container = document.getElementById("newAutresCitation"); 
			container.appendChild(nouvelleLigneCitation);
			
			// aussi, la ligne de séparation
			var sepa1 = document.createElement('tr');
			var sepa2 = document.createElement('tr');
			var sepa1td = document.createElement('td');
			var sepa2td = document.createElement('td');
			
			sepa1td.setAttribute('colspan', '3');
			sepa2td.setAttribute('colspan', '3');
			//sepa1td.setAttribute('style', 'border-bottom:1px solid #83a3cb;');
			sepa1.setAttribute('style', 'height:10px;');
			sepa1.setAttribute('style', 'height:10px;');
			
			sepa1.appendChild(sepa1td);
			sepa2.appendChild(sepa2td);
			
			
			container.appendChild(sepa1);
			container.appendChild(sepa2);
			
			
			// directement en mode édition
			// mettre la valeur dans le champ input
			
			document.getElementById(attribut+":affichage:citEtPage:"+lastIndexForCitation).style.visibility = 'collapse';
			document.getElementById(attribut+":affichage:citEtPage:"+lastIndexForCitation).style.height = '0px';
			document.getElementById(attribut+":affichage:com:"+lastIndexForCitation).style.visibility = 'collapse';
			document.getElementById(attribut+":affichage:com:"+lastIndexForCitation).style.height = '0px';
			
			document.getElementById(attribut+":modif:citEtPage:"+lastIndexForCitation).style.visibility = 'visible';
			document.getElementById(attribut+":modif:citEtPage:"+lastIndexForCitation).style.height = 'auto';
			document.getElementById(attribut+":modif:com:"+lastIndexForCitation).style.visibility = 'visible';
			document.getElementById(attribut+":modif:com:"+lastIndexForCitation).style.height = 'auto';
			
			// cacher le stylo
			document.getElementById(attribut+":lien:modif:"+lastIndexForCitation).style.visibility = 'collapse';
			document.getElementById(attribut+":lien:modif:"+lastIndexForCitation).style.height = '0px';
			
			stayRightThere();
						
			$('textarea').elastic();
				
			
		}
		
		// *********************************
		// Ajouter un auteur
		
		var lastIndexForAuteur;
		function ajouterUnAuteur(attribut, index) {
			// mettre auteur (le libellé au pluriel)
			//document.getElementById("newFicheLabelAuteur").innerHTML = "Auteurs";
			
			if (lastIndexForAuteur == null) {
				lastIndexForAuteur=index+1;
			}
			else {
				lastIndexForAuteur=lastIndexForAuteur+1;
			}
			
			// créer l'emplacement pour ce nouvel auteur
			var newdivAffichage = document.createElement('div'); 
			newdivAffichage.setAttribute('id', 'auteurs:affichage:'+(lastIndexForAuteur));
			newdivAffichage.innerHTML = "<h3><span id=\"auteurs:affichage:champ:"+lastIndexForAuteur+"\">Nouvel auteur</span><a href=\"#\" onclick=\"modifierAttribut_special_index('auteurs', "+lastIndexForAuteur+")\"><img border=0 src=\"b_edit.png\" alt=\"Modifier\"/></a> <a href=\"#\" onclick=\"supprimerAttribut_special_index('auteurs', "+lastIndexForAuteur+")\"><img border=0 src=\"b_drop.png\" alt=\"Suprimer\"/></a></h3>";
			
			var newdivModif = document.createElement('div'); 
			newdivModif.setAttribute('id', 'auteurs:modif:'+(lastIndexForAuteur));
			newdivModif.innerHTML = "<input id=\"auteurs:modif:champ:"+lastIndexForAuteur+"\" value=\"\"/><a id=\"auteurs:modif:ok\" href=\"#\" onclick=\"validerModif_special_index('auteurs', "+lastIndexForAuteur+")\">Ok</a><a id=\"auteurs:modif:annuler\" onclick=\"annulerModif_special_index('auteurs', "+lastIndexForAuteur+")\" href=\"#\">Annuler</a>";
			
			container = document.getElementById("newAutresAuteurs"); 
			container.appendChild(newdivAffichage);
			container.appendChild(newdivModif);
			
			// Cacher l'affichage de ce nouveau auteur, et afficher la modificicaiton
			document.getElementById(attribut+":affichage:"+lastIndexForAuteur).style.visibility = 'collapse';
			document.getElementById(attribut+":affichage:"+lastIndexForAuteur).style.height = '0px';
			
			document.getElementById(attribut+":modif:"+lastIndexForAuteur).style.visibility = 'visible';
			document.getElementById(attribut+":modif:"+lastIndexForAuteur).style.height = 'auto';
			
			stayRightThere();
			
		}
		
		
		//*******************************************
		//******* ON PAGE LOAD ET VIEW STATE ********
		//*******************************************
		function onpageload() {
			// par défaut : viewState=1
			viewState=1
			
			//get current view state
			doc=document.location.href;
			if (doc.indexOf("#etatVue1") != -1) {
				viewState=1
			}
			if (doc.indexOf("#etatVue2") != -1) {
				viewState=2
			}
			
			// concater au href du lien fiche suivante et fiche précédente
			if (document.getElementById('toFichePrec')) {
				document.getElementById('toFichePrec').setAttribute('href', document.getElementById('toFichePrec').getAttribute('href')+"#etatVue"+viewState);
			}
			if (document.getElementById('toFicheSuiv')) {
				document.getElementById('toFicheSuiv').setAttribute('href', document.getElementById('toFichePrec').getAttribute('href')+"#etatVue"+viewState);
			}
			
			// on dit par défaut que le googleDoc affiché est le premier 
			currentIndexGoogleDocAffiche=1;
			
			if (viewState == 1)
			{
				// mettre les bons liens en gras pour les liens de chnagements d'états
				document.getElementById("changeViewState1").style.fontWeight='bold';
				document.getElementById("changeViewState2").style.fontWeight='normal';
			
				if (document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche)) {
					document.getElementById("accueilDoc").style.width="40%";
					document.getElementById("googleDoc").style.width="40%";
					document.getElementById("googleDoc").style.marginLeft = "30px";
				}
				else {
					windowWidth=getSize(true);
					calcul=(windowWidth-700)/2;
					document.getElementById("accueilDoc").style.width="700px";
					document.getElementById("accueilDoc").style.marginLeft=calcul+"px";
					
				}
				
				// largeur du google doc
				windowWidth=getSize(true);
				positionFromLeftDoc = document.getElementById("googleDoc").offsetLeft;
				googleDocCalculatedWidth = windowWidth - positionFromLeftDoc -30;
				document.getElementById("googleDoc").style.width=(googleDocCalculatedWidth+"px");
				if (document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche)) {
					document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche).style.width=(googleDocCalculatedWidth+"px");
				}
				
				
				// hauteur v2 : jusqu'au panneau citation
				debut = document.getElementById("accueilDoc").firstElementChild.offsetTop + document.getElementById("accueilDoc").firstElementChild.offsetHeight - 2; // borders
				fin = document.getElementById("accueilDoc").lastElementChild.offsetTop + document.getElementById("accueilDoc").lastElementChild.offsetHeight;
				document.getElementById("googleDoc").style.height=(fin-debut)+"px";
				if (document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche)) {
					document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche).style.height=(fin-debut)+"px";
				}
				
				currentGoogleDocWidth=googleDocCalculatedWidth;
				currentGoogleDocHeight=fin-debut;
				
				
				// cacher tout les élements de type <a> fils de accueilDoc
				toutLesLiensDansAccueilDoc = document.getElementById("accueilDoc").getElementsByTagName("a");
				for (i = 0; i < toutLesLiensDansAccueilDoc.length ; i++) {
					//toutLesLiensDansAccueilDoc[i].firstElementChild.style.visibility="collapse";
					//toutLesLiensDansAccueilDoc[i].firstElementChild.style.height="0px";
					toutLesLiensDansAccueilDoc[i].style.visibility="collapse";
					toutLesLiensDansAccueilDoc[i].style.height="0px";
				}
				
			}
			
			if (viewState == 2)
			{
				// mettre les bons liens en gras
				document.getElementById("changeViewState1").style.fontWeight='normal';
				document.getElementById("changeViewState2").style.fontWeight='bold';
			
				document.getElementById("accueilDoc").style.marginLeft="0px";
			
				// raz de ce qui doit letre
				document.getElementById("googleDoc").style.marginLeft = "0px";
				
				// cacher les panneaux récupéré par php
				for (i=0 ; i<=5 ; i++) {
					document.getElementById("accueilDoc").children.item(i).style.height = "0px";
					document.getElementById("accueilDoc").children.item(i).style.visibility = "collapse";
					document.getElementById("accueilDoc").children.item(i).style.padding = "0px";
					document.getElementById("accueilDoc").children.item(i).style.margin = "0px";
				}
				
				// largeur du google doc et de l'accueil
				windowWidth=getSize(true);
				positionFromLeftDoc = document.getElementById("googleDoc").offsetLeft;
				googleDocCalculatedWidth = windowWidth - 39;
				document.getElementById("googleDoc").style.width=(googleDocCalculatedWidth+"px");
				if (document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche)) {
					document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche).style.width=(googleDocCalculatedWidth+"px");
				}
				document.getElementById("accueilDoc").style.width=((googleDocCalculatedWidth-9)+"px");
				
				// hauteur
				windowHeight=getSize(false);
				positionFromTopDoc = document.getElementById("googleDoc").offsetTop;
				googleDocCalculatedHeight = windowHeight - positionFromTopDoc;
				document.getElementById("googleDoc").style.height=(googleDocCalculatedHeight+"px");
				if (document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche)) {
					document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche).style.height=(googleDocCalculatedHeight+"px");
				}
				
				//mettre la hauteur et largeur dans les variables globales
				currentGoogleDocWidth=googleDocCalculatedWidth;
				currentGoogleDocHeight=googleDocCalculatedHeight;
				
				
				// cacher l'affichage des citations
				document.getElementById("citation:affichage").style.height = "0px";
				document.getElementById("citation:affichage").style.visibility = "collapse";
				
				// afficher les liens du panneau de citation
				toutLesLiensDansLaSource = document.getElementById("accueilDoc").children.item(7).getElementsByTagName("a");
				for (i = 0; i < toutLesLiensDansLaSource.length ; i++) {
					toutLesLiensDansLaSource[i].style.visibility="visible";
					toutLesLiensDansLaSource[i].style.height="auto";
				}
				// enlever les mouseover et mouseout
				document.getElementById("accueilDoc").children.item(7).setAttribute('onmouseover', '');
				document.getElementById("accueilDoc").children.item(7).setAttribute('onmouseout', '');
				
			
			}
			
			// mettre le div de changement de vue au milieu
			windowWidth=getSize(true);
			largeurDiv = document.getElementById("viewStateFiche").offsetWidth;
			calculatedMarginLeft = ((windowWidth -16  - largeurDiv) / 2) - 10; // 10 étant le padding
			document.getElementById("viewStateFiche").style.marginLeft=(calculatedMarginLeft)+"px";
			
			// bandeau fiche suivante
			if (document.getElementById("nextFicheBandeau")) {
				windowWidth=getSize(true);
				largeurDiv = document.getElementById("nextFicheBandeau").offsetWidth;
				calculatedMarginLeft = (windowWidth - largeurDiv) - 17;
				document.getElementById("nextFicheBandeau").style.marginLeft=(calculatedMarginLeft)+"px";
				document.getElementById("nextFicheBandeau").style.marginTop=(document.getElementById("top").offsetHeight +1)+"px";
				document.getElementById("nextFicheBandeau").style.height=(getSize(false))+"px";
			}	
			
			// bandeau fiche suivante
			if (document.getElementById("previousFicheBandeau")) {
				windowWidth=getSize(true);
				document.getElementById("previousFicheBandeau").style.marginTop=(document.getElementById("top").offsetHeight +1)+"px";
				document.getElementById("previousFicheBandeau").style.height=(getSize(false))+"px";
			}
			
			// mettre comme href pour le lien document le premier document
			if (document.getElementById("googleDoc:lien:1") && document.getElementById("ouvrirDocumentActuel")) {
				document.getElementById("ouvrirDocumentActuel").setAttribute('href', document.getElementById('googleDoc:iframe:1').getAttribute('src'));
			}
		}
		
		var currentGoogleDocWidth;
		var currentGoogleDocHeight;
		function changeViewState(viewStateWanted, linkSource) {
			if (viewStateWanted == 1)
			{
			
				// mettre les bons liens en gras pour les liens de chnagements d'états
				document.getElementById("changeViewState1").style.fontWeight='bold';
				document.getElementById("changeViewState2").style.fontWeight='normal';
			
				
				if (document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche)) {
					document.getElementById("accueilDoc").style.width="40%";
					document.getElementById("googleDoc").style.width="40%";
					document.getElementById("googleDoc").style.marginLeft = "30px";
				}
				else {
					windowWidth=getSize(true);
					calcul=(windowWidth-700)/2;
					document.getElementById("accueilDoc").style.width="700px";
					document.getElementById("accueilDoc").style.marginLeft=calcul+"px";
					
				}
				
				// réafficher les panneaux cachés précédement
				for (i=0 ; i<=5 ; i++) {
					document.getElementById("accueilDoc").children.item(i).style.height = "auto";
					document.getElementById("accueilDoc").children.item(i).style.visibility = "visible";
					if (i%2==0) {
						document.getElementById("accueilDoc").children.item(i).style.padding = "3px 3px 3px 8px";
						document.getElementById("accueilDoc").children.item(i).style.marginTop = "10px";
					}
					else {
						document.getElementById("accueilDoc").children.item(i).style.padding = "3px 3px 3px 6px";
					}
				}
				
				// largeur du google doc
				windowWidth=getSize(true);
				positionFromLeftDoc = document.getElementById("googleDoc").offsetLeft;
				googleDocCalculatedWidth = windowWidth - positionFromLeftDoc -30;
				document.getElementById("googleDoc").style.width=(googleDocCalculatedWidth+"px");
				if (document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche)) {
					document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche).style.width=(googleDocCalculatedWidth+"px");
				}
				
				
				// hauteur v2 : jusqu'au panneau citation
				debut = document.getElementById("accueilDoc").firstElementChild.offsetTop + document.getElementById("accueilDoc").firstElementChild.offsetHeight - 2; // borders
				fin = document.getElementById("accueilDoc").lastElementChild.offsetTop + document.getElementById("accueilDoc").lastElementChild.offsetHeight;
				document.getElementById("googleDoc").style.height=(fin-debut)+"px";
				if (document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche)) {
					document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche).style.height=(fin-debut)+"px";
				}
				
				currentGoogleDocWidth=googleDocCalculatedWidth;
				currentGoogleDocHeight=fin-debut;
				
				
				// cacher tout les élements de type <a> fils de accueilDoc
				toutLesLiensDansAccueilDoc = document.getElementById("accueilDoc").getElementsByTagName("a");
				for (i = 0; i < toutLesLiensDansAccueilDoc.length ; i++) {
					//toutLesLiensDansAccueilDoc[i].firstElementChild.style.visibility="collapse";
					//toutLesLiensDansAccueilDoc[i].firstElementChild.style.height="0px";
					toutLesLiensDansAccueilDoc[i].style.visibility="collapse";
					toutLesLiensDansAccueilDoc[i].style.height="0px";
				}
				
				// 2. CITATIONS
				// rétablir onmouseOut et onMouseover pour le panneau citatopn
				document.getElementById("accueilDoc").children.item(7).setAttribute('onmouseover', 'displayLinksElementsForThisSource(this)');
				document.getElementById("accueilDoc").children.item(7).setAttribute('onmouseout', 'hideLinksElementsForThisSource(this)');
				
				// puis cacher les liens du panneau citation
				toutLesLiensDansLaSource = document.getElementById("accueilDoc").children.item(7).getElementsByTagName("a");
				for (i = 0; i < toutLesLiensDansLaSource.length ; i++) {
					toutLesLiensDansLaSource[i].style.visibility="collapse";
					toutLesLiensDansLaSource[i].style.height="0px";
				}
				
				// afficher l'affichage des citations
				document.getElementById("citation:affichage").style.height = "auto";
				document.getElementById("citation:affichage").style.visibility = "visible";
				
			}
			if (viewStateWanted == 2)
			{
				// mettre les bons liens en gras
				document.getElementById("changeViewState1").style.fontWeight='normal';
				document.getElementById("changeViewState2").style.fontWeight='bold';
			
				document.getElementById("accueilDoc").style.marginLeft="0px";
			
				// raz de ce qui doit letre
				document.getElementById("googleDoc").style.marginLeft = "0px";
				
				// cacher les panneaux récupéré par php
				for (i=0 ; i<=5 ; i++) {
					document.getElementById("accueilDoc").children.item(i).style.height = "0px";
					document.getElementById("accueilDoc").children.item(i).style.visibility = "collapse";
					document.getElementById("accueilDoc").children.item(i).style.padding = "0px";
					document.getElementById("accueilDoc").children.item(i).style.margin = "0px";
				}
				
				// largeur du google doc et de l'accueil
				windowWidth=getSize(true);
				positionFromLeftDoc = document.getElementById("googleDoc").offsetLeft;
				googleDocCalculatedWidth = windowWidth - 39;
				document.getElementById("googleDoc").style.width=(googleDocCalculatedWidth+"px");
				if (document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche)) {
					document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche).style.width=(googleDocCalculatedWidth+"px");
				}
				document.getElementById("accueilDoc").style.width=((googleDocCalculatedWidth-9)+"px");
				
				// hauteur
				windowHeight=getSize(false);
				positionFromTopDoc = document.getElementById("googleDoc").offsetTop;
				googleDocCalculatedHeight = windowHeight - positionFromTopDoc;
				document.getElementById("googleDoc").style.height=(googleDocCalculatedHeight+"px");
				if (document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche)) {
					document.getElementById("googleDoc:iframe:"+currentIndexGoogleDocAffiche).style.height=(googleDocCalculatedHeight+"px");
				}
				
				//mettre la hauteur et largeur dans les variables globales
				currentGoogleDocWidth=googleDocCalculatedWidth;
				currentGoogleDocHeight=googleDocCalculatedHeight;
				
				
				// cacher l'affichage des citations
				document.getElementById("citation:affichage").style.height = "0px";
				document.getElementById("citation:affichage").style.visibility = "collapse";
				
				// afficher les liens du panneau de citation
				toutLesLiensDansLaSource = document.getElementById("accueilDoc").children.item(7).getElementsByTagName("a");
				for (i = 0; i < toutLesLiensDansLaSource.length ; i++) {
					toutLesLiensDansLaSource[i].style.visibility="visible";
					toutLesLiensDansLaSource[i].style.height="auto";
				}
				// enlever les mouseover et mouseout
				document.getElementById("accueilDoc").children.item(7).setAttribute('onmouseover', '');
				document.getElementById("accueilDoc").children.item(7).setAttribute('onmouseout', '');
				
			}
		}
		
		
		function displayLinksElementsForThisSource(source) {
			toutLesLiensDansLaSource = source.getElementsByTagName("a");
			for (i = 0; i < toutLesLiensDansLaSource.length ; i++) {
				if (toutLesLiensDansLaSource[i].parentNode.style.visibility != "collapse") {
					if (toutLesLiensDansLaSource[i].parentNode.parentNode.style.visibility != "collapse") {
						toutLesLiensDansLaSource[i].style.visibility="visible";
						toutLesLiensDansLaSource[i].style.height="auto";
					}
				}
			}
		}
		
		function hideLinksElementsForThisSource(source) {
			toutLesLiensDansLaSource = source.getElementsByTagName("a");
			for (i = 0; i < toutLesLiensDansLaSource.length ; i++) {
				
					toutLesLiensDansLaSource[i].style.visibility="collapse";
					toutLesLiensDansLaSource[i].style.height="0px";
				
			}
		}
		
		
		var currentIndexGoogleDocAffiche;
		// changer le document afficher dans le div googleDoc
		function afficherDocument(index) {
			
			// on met à jour la variable globale du googleDoc affiché
			currentIndexGoogleDocAffiche=index;
			
			// récup du nombre de documents associés à cette fiche (récupéré par une requete sql)
			nbDocsGoogle = document.getElementById('nbDocumentsDeBase').value	;
			
			
			// on boucle pour cacher tout
			for (i=1;i<=nbDocsGoogle;i++) {
			
				document.getElementById('googleDoc:lien:'+i).style.fontWeight="normal";
				document.getElementById('googleDoc:lien:'+i).style.border="1px solid #83A3CB";
				document.getElementById('googleDoc:lien:'+i).style.backgroundColor="#DDDDDD";
				document.getElementById('googleDoc:iframe:'+i).style.border="none";
				document.getElementById('googleDoc:iframe:'+i).style.visibility="collapse";
				document.getElementById('googleDoc:iframe:'+i).style.width="0";
				document.getElementById('googleDoc:iframe:'+i).style.height="0";
				document.getElementById('googleDoc:iframe:'+i).setAttribute('height', '0');
				document.getElementById('googleDoc:iframe:'+i).setAttribute('width', '0');
			}
			
			// puis on affiche le googleDoc de l'index actuel
			document.getElementById('googleDoc:lien:'+index).style.fontWeight="bold";
			document.getElementById('googleDoc:lien:'+index).style.border="1px solid #83A3CB";
			document.getElementById('googleDoc:lien:'+index).style.borderBottom="1px solid #FFFFFE";
			document.getElementById('googleDoc:lien:'+index).style.backgroundColor="#FFFFFE";
			document.getElementById('googleDoc:iframe:'+index).style.border="1px solid #83A3CB";
			document.getElementById('googleDoc:iframe:'+index).style.visibility="visible";
			document.getElementById('googleDoc:iframe:'+index).setAttribute('width', currentGoogleDocWidth+"px");
			document.getElementById('googleDoc:iframe:'+index).setAttribute('height', currentGoogleDocHeight+"px");
			document.getElementById('googleDoc:iframe:'+index).style.width = currentGoogleDocWidth+"px";
			document.getElementById('googleDoc:iframe:'+index).style.height = currentGoogleDocHeight+"px";
			
			// mettre à jour le lien Document (à cotés des états de vues)
			// mettre comme href pour le lien document le premier document
			document.getElementById("ouvrirDocumentActuel").setAttribute('href', document.getElementById('googleDoc:iframe:'+index).getAttribute('src'));
			
		}	
		
		
	</script>
	
    <link rel="stylesheet" type="text/css" href="style.css">
	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  </head>

  <body onload="onpageload()">
	
		<?php
			if ($ficheSuivanteExiste != false) {
			?>
			<div id="nextFicheBandeau"></div>
			<?php
			} 
		?>
		
		<?php
			if ($fichePrecedenteExiste != false) {
			?>
			<div id="previousFicheBandeau"></div>
			<?php
			}
		?>
	
	
	
	
	<input type="hidden" id="userId" value="<?php echo $user; ?>"/>
	<input type="hidden" id="numUtil" value="<?php echo $numUtil; ?>"/>
	<input type="hidden" id="nbDocumentsDeBase" value="<?php echo $nbDocumentsDeBase; ?>"/>
	<input type="hidden" id="nbCitationsDeBase" value="<?php echo $nbCitationsDeBase; ?>"/>
	
	<div id="top">		
		    <span><?php echo $eMail; ?></span><strong><a href="gestion-de-ma-biblo.php5">Gestion de ma biblio</a></strong><a href="mon-compte.php5">Mon compte</a><a href="administration-de-mes-donnees.php5">Administration de mes données</a><a href="deco.php5">Se déconnecter</a>
	</div>
  
<div id="global">

		<div id="logo">
		<img src="icon_biblio.png"/>
	</div>
		
		<div id="titres">
		<h1>
			Ma Bibliographie En Ligne
		</h1>
		Une application web de gestion de fiches documents qui ne fait pas mal.
	</div>
	
	
	
		<div id="messageBox"></div>
	
		<?php
			if ($fichePrecedenteExiste != false) {
			?>
			<div id="previousFiche"/>
				<a href="voir-une-fiche.php5?did=<?php echo $numUtil-1; ?>" id="toFichePrec" title="<?php echo $fichePrecedenteExiste; ?>">Aller à la fiche précédente.</a>
			</div>
			<?php
			}
		?>
		
		
		<?php
			if ($ficheSuivanteExiste != false) {
			?>
			<div id="nextFiche"/>
				<a href="voir-une-fiche.php5?did=<?php echo $numUtil+1; ?>" id="toFicheSuiv" title="<?php echo $ficheSuivanteExiste; ?>">Aller à la fiche suivante.</a>
			</div>
			<?php
			}
		?>
		
	
		<div id="viewStateFiche">
			<a href="#" onclick="changeViewState(1, this)" style="font-weight:bold;" title="Passer en vue classique, où toute la fiche est visible et éditable" id="changeViewState1">Tout voir</a>  | 
			<a href="#" title="Passer en vue citation, vue dédiée à l'ajout de citations" onclick="changeViewState(2, this)" id="changeViewState2">Citation</a><?php if ($nbDocumentsDeBase > 0) { ?> | 
			<a id="ouvrirDocumentActuel" title="Ouvrir le document actuel dans une nouvelle fenêtre, avec la possibilité de l'imprimer et de le télécharger" target="_blank">Document</a><?php } ?>
		</div>
	
		<div id="splitter" style="margin-top:10px;"></div>
	
		<!-- ACCUEIL -->
		<div id="accueilDoc">
		  
			<!-- GENERALE -->
			<div id="entete-tableau-details">
				Informations générales
			</div>
			<div id="tableau-details-contenu" onmouseover="displayLinksElementsForThisSource(this)" onmouseout="hideLinksElementsForThisSource(this)">
				
				<table >
					
					<!-- TITRE -->
					<tr>
						<td class="thead" valign="top">
							<h3><span class="attirance">Titre</span></h3>
						</td>
						<td valign="top">
						  <div id="titreBoxLeft"></div>
			<div id="titre:affichage">
				<h3><span id="titre:affichage:titre"><?php echo $titre; ?></span><a href="#" onclick="modifierAttribut('titre')"><img border=0 src="b_edit.png" alt="Modifier"/></a></h3>
			</div>
				<div id="titre:modif" style="visibility:collapse;height:0px;">
					<input id="titre:modif:champ" value="ins" class="titreFiche"/> <a onclick="validerModif('titre')" id="titre:modif:ok" href="#">Ok</a>  <a href="#"  onclick="annulerModif('titre')" id="titre:modif:annuler">Annuler</a>
			</div>
						</td>
					</tr>
					
					<!-- AUTEURS -->
					<tr>
						<td class="thead" valign="top">
							<h3><span class="attirance">Auteurs</span></h3>
						</td>
						<td valign="top">
							
							
							
							<!--
								<div id="auteurs:affichage:1">
									<h3><span id="auteurs:affichage:champ:1">insert auteur1 here</span>
									
										<a href="#" onclick="modifierAttribut_special_index('auteurs', 1)"><img border=0 src="b_edit.png" alt="Modifier"/></a> 
										<a href="#" onclick="supprimerAttribut_special_index('auteurs', 1)"><img border=0 src="b_drop.png" alt="Suprimer"/></a>
									</h3>
								</div>
								<div id="auteurs:modif:1" style="visibility:collapse;height:0px;">
									<input id="auteurs:modif:champ:1" value="ins"/>
									<a onclick="validerModif_special_index('auteurs', 1)" id="auteurs:modif:ok" href="#">Ok</a>
									<a href="#"  onclick="annulerModif_special_index('auteurs', 1)" id="auteurs:modif:annuler">Annuler</a>
								</div>
								-->
								
								<?php echo getAuteursPourVisuFiche($user, $numUtil); ?>
								
								
								<div id="newAutresAuteurs">
			
								</div>
								
								<a href="#" onclick="ajouterUnAuteur('auteurs', <?php echo $nbAuteursDeBase ?>)">Ajouter un auteur</a>
							
						</td>
					</tr>
					
					
					
					<!-- DATE EDITION -->
					<tr class="tpetit">
						<td class="thead">
							<span class="attirancePasTrop">Date d'édition</span>
						</td>
						
						<td>
						  <div id="date:affichage">
							<span id="date:affichage:jour"><?php echo $jour; ?></span>/<span id="date:affichage:mois"><?php echo $mois; ?></span>/<span id="date:affichage:annee"><?php echo $annee; ?></span><a href="#" onclick="modifierAttribut_special_Date('date')"><img border=0 src="b_edit.png" alt="Modifier"/></a>
						  </div>
						  <div id="date:modif" style="visibility:collapse;height:0px;">
							
							<input id="date:modif:champ:jour"/ maxlength="2" size="2" value="11"/>
							/
							<select id="date:modif:champ:mois">
								<option></option>
								<option value="1">Janvier</option>
								<option value="2">Février</option>
								<option value="3">Mars</option>
								<option value="4">Avril</option>
								<option value="5">Mai</option>
								<option value="6">Juin</option>
								<option value="7">Juillet</option>
								<option value="8">Août</option>
								<option value="9">Septembre</option>
								<option value="10">Octobre</option>
								<option value="11">Novembre</option>
								<option value="12">Décembre</option>
							</select>
							/
							<input id="date:modif:champ:annee"/ maxlength="4" size="4" value="2011"/>
							<a onclick="validerModif_special_Date('date')" id="date:modif:ok" href="#">Ok</a>  <a href="#"  onclick="annulerModif_special_Date('date')" id="date:modif:annuler">Annuler</a>
						  </div>
						</td>
					</tr>
					
					<!-- REFERENCE WEB -->
					<tr class="tpetit">
						<td class="thead">
							<span class="attirancePasTrop">Référence</span>
						</td>
						<td>
						  <div id="ref:affichage">
							<span id="ref:affichage:ref"><?php echo $ref; ?></span><a href="#" onclick="modifierAttribut('ref')"><img border=0 src="b_edit.png" alt="Modifier"/></a>
						  </div>
						  <div id="ref:modif" style="visibility:collapse;height:0px;">
							<input id="ref:modif:champ" value="insert ref here"/> <a onclick="validerModif('ref')" id="ref:modif:ok" href="#">Ok</a>  <a href="#"  onclick="annulerModif('ref')" id="ref:modif:annuler">Annuler</a>
						  </div>
						</td>

					</tr>
					
					<!-- LIEN WEB -->
					<tr class="tpetit">
						<td class="thead">
							<span class="attirancePasTrop">Lien web</span>
						</td>
						<td>
						  <div id="lien:affichage">
							<span id="lien:affichage:lien"><?php echo $lien; ?></span><a href="#" onclick="modifierAttribut('lien')"><img border=0 src="b_edit.png" alt="Modifier"/></a>
						  </div>
						  <div id="lien:modif" style="visibility:collapse;height:0px;">
							<input id="lien:modif:champ" value="insert lien here"/> <a onclick="validerModif('lien')" id="lien:modif:ok" href="#">Ok</a>  <a href="#"  onclick="annulerModif('lien')" id="lien:modif:annuler">Annuler</a>
						  </div>
						</td>
					</tr>
					
				</table>
			</div>
					
			<!-- CLASSIFICATION -->	
			<div id="entete-tableau-details">
				Classification du document
				
				
			</div>
			<div id="tableau-details-contenu" onmouseover="displayLinksElementsForThisSource(this)" onmouseout="hideLinksElementsForThisSource(this)">
				
				<table >
					<!-- DOMAINE -->
					<tr class="tmoyen">
						<td class="thead">
							<span class="attiranceMoyen">Domaine</span>
						</td>
						
						<td>
						  <div id="domaine:affichage">
							<span id="domaine:affichage:champ"><?php echo $domaine; ?></span><a href="#" onclick="modifierAttribut_special_lov('domaine')"><img border=0 src="b_edit.png" alt="Modifier"/></a>
						  </div>
						  <div id="domaine:modif" style="visibility:collapse;height:0px;">
							
							<select class="selectDomaine" id="domaine:modif:champ">
								<option name="domaine"> </option>
								<?php
									echo OptionDomaineUser($user,true);
								?>
							</select>
							
							<a onclick="validerModif_special_lov('domaine')" id="domaine:modif:ok" href="#">Ok</a>  <a href="#" onclick="annulerModif_special_lov('domaine')" id="domaine:modif:annuler">Annuler</a>
						  </div>
						</td>
						
					</tr>
					
					<!-- TYPE -->
					<tr class="tmoyen">
						<td class="thead">
							<span class="attiranceMoyen">Type</span>
						</td>
						
						<td>
						  <div id="type:affichage">
							<span id="type:affichage:champ"><?php echo $type; ?></span><a href="#" onclick="modifierAttribut_special_lov('type')"><img border=0 src="b_edit.png" alt="Modifier"/></a>
						  </div>
						  <div id="type:modif" style="visibility:collapse;height:0px;">
							
							<select class="selectType" id="type:modif:champ">
								<option name="type"> </option>
								<?php
									echo OptionTypeUser($user,true);
								?>
							</select>
							
							<a onclick="validerModif_special_lov('type')" id="type:modif:ok" href="#">Ok</a>  <a href="#" onclick="annulerModif_special_lov('type')" id="type:modif:annuler">Annuler</a>
						  </div>
						</td>
					</tr>
					
					<!-- PERTINENCE -->
					<tr class="tmoyen">
						<td class="thead">
							<span class="attiranceMoyen">Pertinence</span>
						</td>
						
						<td>
						  <div id="pertinence:affichage">
							<span id="pertinence:affichage:champ"><?php echo $pertinence; ?></span><a href="#" onclick="modifierAttribut_special_lov('pertinence')"><img border=0 src="b_edit.png" alt="Modifier"/></a>
						  </div>
						  <div id="pertinence:modif" style="visibility:collapse;height:0px;">
							
							<select class="selectType" id="pertinence:modif:champ">
								<option name="pertinence"> </option>
								<?php
									echo OptionPertinenceUser($user,true);
								?>
							</select>
							
							<a onclick="validerModif_special_lov('pertinence')" id="pertinence:modif:ok" href="#">Ok</a>  <a href="#" onclick="annulerModif_special_lov('pertinence')" id="pertinence:modif:annuler">Annuler</a>
						  </div>
						</td>
					</tr>
					
					
					<!-- TAGS -->
					<tr class="tmoyen">
						<td class="thead">
							<span class="attiranceMoyen">Tags</span>
						</td>
						
						<td>
						  <div id="tags:affichage">
							<span id="tags:affichage:champ"><?php echo getTagsPourVisuFiche($user, $numUtil); ?></span><a href="#" onclick="modifierAttribut_special_Tags('tags')"><img border=0 src="b_edit.png" alt="Modifier"/></a>
						  </div>
						  <div id="tags:modif" style="visibility:collapse;height:0px;">
							
							<li>
						
								<?php
									echo ListeTagUser($user, false);
								?>
								
							</li>
							
							<br/>
							<a onclick="validerModif_special_Tags('tags')" id="tags:modif:ok" href="#">Ok</a>  <a href="#" onclick="annulerModil_special_Tags('tags')" id="tags:modif:annuler">Annuler</a>
						  </div>
						</td>
					</tr>
			</table>
			</div>
					
			<!-- CE QUE J'EN DIS -->	
			<div id="entete-tableau-details">
				Ce que j'en dis
				
				
			</div>
			<div id="tableau-details-contenu" onmouseover="displayLinksElementsForThisSource(this)" onmouseout="hideLinksElementsForThisSource(this)">
				
				<table >
					<!-- DESCRIPTION -->
					<tr class="tmoyen">
						
						<td class="thead" valign="top">
							<span class="attiranceMoyen">Description</span>
						</td>
						<td valign="top">
						  <div id="description:affichage">
							<span id="description:affichage:description"><?php echo $description; ?></span><a href="#" onclick="modifierAttribut('description')"><img border=0 src="b_edit.png" alt="Modifier"/></a>
						  </div>
						  <div id="description:modif" style="visibility:collapse;height:0px;">
							<textarea id="description:modif:champ" value="insert description here" cols="50"></textarea><br/>
							<a onclick="validerModif('description')" id="description:modif:ok" href="#">Ok</a>  <a href="#"  onclick="annulerModif('description')" id="description:modif:annuler">Annuler</a>
						  </div>
						</td>
					</tr>
					
					<!-- COMMENTAIRE -->
					<tr class="tmoyen">
						<td class="thead" valign="top">
							<span class="attiranceMoyen">Commentaire</span>
						</td>
						<td valign="top">
						  <div id="commentaire:affichage">
							<span id="commentaire:affichage:commentaire"><?php echo $commentaire; ?></span><a href="#" onclick="modifierAttribut('commentaire')"><img border=0 src="b_edit.png" alt="Modifier"/></a>
						  </div>
						  <div id="commentaire:modif" style="visibility:collapse;height:0px;">
							<textarea id="commentaire:modif:champ" value="insert commentaire here" cols="50"></textarea><br/><a onclick="validerModif('commentaire')" id="commentaire:modif:ok" href="#">Ok</a>  <a href="#"  onclick="annulerModif('commentaire')" id="commentaire:modif:annuler">Annuler</a>
						  </div>
						</td>
					</tr>
					
					
				</table>
			
			</div>
		
			<!-- CITATIONS -->
			<div id="entete-tableau-details">
				Citations
			</div>
			<div id="tableau-details-contenu" onmouseover="displayLinksElementsForThisSource(this)" onmouseout="hideLinksElementsForThisSource(this)">
				<table id="citation:affichage">
					
					<?php echo getCitationsPourVisuFiche($user, $numUtil); ?>
					
				</table>
				
				<table id="newAutresCitation">
				
				</table>
				
				<a href="#" style="margin-left:10px;" onclick="ajouterUneCitation('citation', <?php echo $nbCitationsDeBase ?>)">Ajouter une citation</a>
				
				<table id="citation:modif" style="width:100%;visibility:collapse;">
					<tr>
						<td valign="top">
							<textarea col="5">extrait, citation</textarea>
							<input value="page" col="5"/><br>
							<a href="#">Ajouter cette citation</a>
						</td>
						<td valign="top">
							<textarea style="width:95%;">mon commentaire</textarea>
						</td>
					</tr>
				</table>
				
				
			</div>
		
		</div>

		
		<div id="googleDoc">
			<?php
			echo getDocumentsPourVisuFiche($user, $numUtil)
			?>
		</div>
	
	
		<?php
			/*if ($nbDocumentsDeBase != 0) 
			{
				?>
				
				<?php
				
				
				
				
				
				
				for ($i=0 ; $i < $nbDocumentsDeBase ; $i++) {
					
					
					?>
					<iframe id="googleDoc:iframe:1" style="border-style: none;" src="http://docs.google.com/gview?url=http%3A%2F%2Fwww.google.com%2Fgoogle-d-s%2FdocsQuickstartGuide.pdf&embedded=true" width="400" height="100"></iframe>
					<?php
				}
				
				?>
				</div>
				<?php
			}
		*/?>
	
</div>
	
	
	
  </body>

</html>


<?php
	}
}
}
?>